<template>
  <div>
    我明白了
    <img src="./assets/长颈鹿.jpg" alt="">
    <!-- 插值表达式，双大括号，吧Vue变量直接显示在标签内 -->
    <h1>{{msg}}</h1>
    <h2>姓名:{{obj.name}}</h2>
    <h3>年龄:{{obj.age}}</h3>
  </div>
</template>

<script>
//vue组件对象
export default {
  //在调试工具中看到名字
  name: 'CodeApp',

  data() {//vue 组件中的固定写法，专门用于定义变量
    return {
      //key就是变量名，value就是变量值
      msg:'我是H1',
      obj:{
        name:'张三',
        age:13
      }
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style>

</style>